import axios from "axios";
import { Modal, message } from "ant-design-vue";
import store from "@/store";
import { getToken } from "@/utils/auth";

axios.defaults.timeout = 5000;
axios.defaults.headers.post["Content-Type"] = "application/json;charset=UTF-8";

const baseURL =
  process.env.NODE_ENV === "development"
    ? "/soc/v1"
    : process.env.VUE_APP_BASE_API;
// create an axios instance
const service = axios.create({
  baseURL, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000, // request timeout
});

// request interceptor
service.interceptors.request.use(
  (config) => {
    // do something before request is sent

    if (store.getters.token) {
      // let each request carry token
      // ['X-Token'] is a custom headers key
      // please modify it according to the actual situation
      config.headers["Authorization"] = getToken();
    }
    return config;
  },
  (error) => {
    // do something with request error
    console.log(error); // for debug
    return Promise.reject(error);
  }
);

// response interceptor
service.interceptors.response.use(
  /**
   * If you want to get http information such as headers or status
   * Please return  response => response
   */

  /**
   * Determine the request status by custom code
   * Here is just an example
   * You can also judge the status by HTTP Status Code
   */
  (response) => {
    const res = response.data;
    if (res.code === undefined) {
      return res;
    } else if (res.code !== 200) {
      // if the custom code is not 20000, it is judged as an error.
      message.error({
        content: (h) => {
          return <span style="white-space:pre-line;">{res.msg}</span>;
        },
        duration: 3,
      });
      if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
        Modal.confirm({
          content: "您已注销，您可以取消留在此页面，或重新登录",
          cancelText: "取消",
          title: "确认注销",
          okText: "重新登录",
          okButtonProps: {
            props: {
              type: "primary",
              ghost: true,
            },
          },
          onOk: () => {
            store.dispatch("user/resetToken").then(() => {
              location.reload();
            });
          },
        });
      }

      return Promise.reject(new Error(res.msg || "Error"));
    } else {
      return res;
    }
  },
  (error) => {
    console.log("err" + error); // for debug
    message.error({
      message: error.message,
      duration: 3,
    });
    return Promise.reject(error);
  }
);

export default service;
